<template>
  <div >
    <div>
      <div class="font15 mt10 pl10">
      <span class="titletext ">{{titledata.title}}</span>
      <div class="graytext  mt10 font13">
        <span >工单编号：</span>
        <span class="titletext">{{titledata.pmInsId}}</span>
      </div>
    </div>
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">项目清单基本信息</span>
    </div>
    <!-- 基本信息 -->
      <van-field readonly required name="projectYear" :value="fromdata.projectYear" label="项目年度：" label-width="5em" />
      <van-field readonly required name="city" :value="fromdata.city" label="项目归属地市：" label-width="7em" />
      <van-field readonly required name="county" :value="fromdata.county" label="项目归属县区：" label-width="7em" />
      <van-field readonly name="projectLevel" :value="fromdata.projectLevel" label="项目层级：" label-width="5em"/>
      <van-field readonly required name="projectSource" :value="fromdata.projectSource" label="项目来源：" label-width="5em" />
      <van-field readonly required name="industry" :value="fromdata.industry" label="行业：" label-width="3em" />
      <van-field readonly required name="creatorName" :value="fromdata.creatorName" label="录入人姓名：" label-width="6em" />
      <van-field readonly required name="creatorAccount" :value="fromdata.creatorAccount" label="录入人OA账号：" label-width="7.5em" />
      <van-field readonly required name="createTime" :value="fromdata.createTime" label="录入时间：" label-width="5em" />
      <van-field readonly required name="projectName" :value="fromdata.projectName" label="项目名称：" label-width="5em" autosize rows="1" type="textarea"/>
      <van-field readonly required name="budgetAmount" :value="fromdata.budgetAmount" label="预算金额(万元)：" label-width="8em"/>
      <van-field readonly required name="groupCompanyName" :value="fromdata.groupCompanyName" label="业主单位名称：" label-width="7em"  autosize rows="1" type="textarea"/>
      <van-field readonly name="groupCompanyContact" :value="fromdata.groupCompanyContact" label="业主单位联系人姓名：" label-width="10em" />
      <van-field readonly required name="projectCode" :value="fromdata.projectCode" label="清单编号：" label-width="5em" />
      <van-field readonly required name="constructionContent" :value="fromdata.constructionContent" label="主要建设内容及建设规模：" label-width="6em" autosize rows="1" type="textarea"/>
      <historyAndSuggs id='target' :showHistory='showHistory' :historydata='historydata' :approveList='approveList' />
    </div>
  </div>
</template>
 
<script>
import historyAndSuggs from "@/views/srqr/historyAndSuggs.vue";
import {mapGetters} from "vuex";
import dict_type_value from "@/components/dict_type_value/index.vue";
export default {
  data() {
    return {
    }
  },
  props: ['titledata','businessdata','fromdata','showHistory','historydata','approveList','todotype'],
  computed: {
    ...mapGetters(['user']),
  },
  methods: {
     tomsg () {
      document.getElementById('target').scrollIntoView({ behavior: 'smooth' })
    }
  },
  components: {
    dict_type_value,
    historyAndSuggs
  },
}
</script>
 
<style>
.tables.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
</style>